// .内容部分
// nav部分
.view {
    width: 100%;
    margin-top: .1rem;
    // margin-bottom: 0.9rem;


    .nav {
        width: 100%;

        ul {
            display: flex;
            flex-wrap: wrap;
            background-color: #fff;

            li {
                padding: 0.2rem;
                width: 25%;
                font-size: 0.16rem;
                text-align: center;
                // border: 1px solid red;
            }
        }
    }

    // <!-- 超值折扣推荐 -->
    // 标题部分
    .pd {
        width: 100%;
        margin-top: 0.11rem;


        .pd-top {
            width: 100%;
            background-color: #ffa024;
            font-size: 0.24rem;
            color: #fff;
            padding-left: 0.1rem;
            display: flex;

            span:nth-child(1) {
                flex: 1;
            }

            span:nth-child(2) {
                // border: 1px solid red;
                height: 0.3rem;
                width: 0.5rem;
                text-align: center;

            }
        }

        // 图片 说明部分
        .pd-main {
            display: flex;
            flex-wrap: wrap;
            // padding-bottom: .5rem;

            // 图片部分
            .main-photo {
                // padding-top: 0.3rem;
                width: 40%;
                // border: 1px solid red;
                // border-bottom: 1px solid skyblue;
                background-color: #fff;
                margin-bottom: 0.06rem;
                padding: 10px;
            }

            // 字体部分
            .main-font {
                width: 60%;
                // border: 1px solid skyblue;
                background-color: #fff;
                margin-bottom: 0.06rem;
                padding: .1rem .05rem .1rem 0;

                p {
                    // padding-top: 0.6rem;
                    width: 100%;
                    font-size: 0.2rem;
                    font-weight: 600;

                    span {
                        color: #ff9b1b;
                    }
                }

                .font-bottom {
                    display: flex;
                    // border: 1px solid red;
                    padding-right: 0.1rem;
                    margin-top: 1.1rem;
                    margin-bottom: 0.4rem;

                    span:nth-child(1) {
                        flex: 1;
                        font-size: 0.14rem;
                    }

                    span:nth-child(2) {
                        text-align: right;
                        // border: 1px solid red;
                        width: 30%;
                        height: 10%;
                        font-size: 0.14rem;
                    }
                }
            }
        }
    }

    // 更多优惠信息
    .more {
        width: 100%;
        background-color: #fff;
        margin-bottom: .8rem;
        // margin: .1rem .5rem .9rem .5rem;
        margin: 0 auto;
        padding: 0.1rem 0;


        a {
            width: 80%;
            padding: .1rem;
            text-align: center;
            font-size: 0.20rem;
            margin: 0 auto;
            border: 1px solid #ccc;
            background-color: #f8f8f8;


        }
    }
}

// 给动态渲染页面准备的样式